<template>
  <li class="yd-tab-nav-item" @click="clickItem"
    :class="{ 'yd-tab-active': $parent.value.link === link }">
    <slot></slot>
  </li>
</template>
<script>
/**
 * 详见 hdScrollBar.vue 内部说明
 */
export default {
  name: 'hd-scroll-bar-item',
  data() {
    return {
    }
  },
  watch: {
  },
  props: ['link'],
  mounted() {
  },
  methods: {
    clickItem() {
      this.$parent.$emit('input', {link: this.link, active: true})
    }
  }
}
</script>
<style lang="stylus" scoped>
</style>

